<template>
  <ul>
    <router-link
            class="list-group-item"
            active-class="active"
            to="/home/news/about"
            >About</router-link
        > 
        <div class="col-xs-6">
            <div class="panel">
                <div class="panel-body">
                    <!--router-view确定视图的位置-->
                    <router-view> </router-view>
                </div>
            </div>
        </div>
  </ul>
</template>

<script>
export default {
  name: "News"
}
</script>

<style scoped>

</style>
